﻿<template>
  <div class="index_main">
    <Header></Header>
    <div class="certain_letter_btn" v-on:click.stop="open_certain_btn">
      收信确认
    </div>
    <transition name="">
        <router-view></router-view>
    </transition>
  </div>
</template>

<script>
import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
import "../../../static/css/index/index_main.css"
import Header from  "../Header.vue"
//弹出层样式
import "../../../static/css/Letter/Certain_layer.css"

import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      show_layer:false,
      get_layer_show:this.$store.getters.get_layer_show
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
     "Change_certain_layer"
  ]),
  methods: {
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    open_certain_btn:function () {
        //show_layer 判断显示
      this.$store.dispatch("thom_redirect",
        {
          name:"/Index_main/Wrap_certain_layer/Certain_layer_input",router:this.$router
        });
    }
  },
  components: {
    Header
  }
}
</script>
<style scoped>
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
    opacity: 0
  }
</style>



